﻿<!DOCTYPE html>
<html >
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
	<!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
        <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
     <!-- Google Fonts-->
   <!--<link href='http://fonts.useso.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />-->
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="img-box">
                    <a class="" href="index.html">
                        <img src="images/操作手册2.jpg" alt="" style="height: 55px"/>
                    </a>
                </div>
            </div>

            <!--<ul class="nav navbar-top-links navbar-right">-->
                <!--<li class="dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                        <!--<i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu dropdown-messages">-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<strong>John Doe</strong>-->
                                    <!--<span class="pull-right text-muted">-->
                                        <!--<em>Today</em>-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<strong>John Smith</strong>-->
                                    <!--<span class="pull-right text-muted">-->
                                        <!--<em>Yesterday</em>-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<strong>John Smith</strong>-->
                                    <!--<span class="pull-right text-muted">-->
                                        <!--<em>Yesterday</em>-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--<div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a class="text-center" href="#">-->
                                <!--<strong>Read All Messages</strong>-->
                                <!--<i class="fa fa-angle-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; /.dropdown-messages &ndash;&gt;-->
                <!--</li>-->
                <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
                <!--<li class="dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                        <!--<i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu dropdown-tasks">-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<p>-->
                                        <!--<strong>Task 1</strong>-->
                                        <!--<span class="pull-right text-muted">60% Complete</span>-->
                                    <!--</p>-->
                                    <!--<div class="progress progress-striped active">-->
                                        <!--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">-->
                                            <!--<span class="sr-only">60% Complete (success)</span>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<p>-->
                                        <!--<strong>Task 2</strong>-->
                                        <!--<span class="pull-right text-muted">28% Complete</span>-->
                                    <!--</p>-->
                                    <!--<div class="progress progress-striped active">-->
                                        <!--<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100" style="width: 28%">-->
                                            <!--<span class="sr-only">28% Complete</span>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<p>-->
                                        <!--<strong>Task 3</strong>-->
                                        <!--<span class="pull-right text-muted">60% Complete</span>-->
                                    <!--</p>-->
                                    <!--<div class="progress progress-striped active">-->
                                        <!--<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">-->
                                            <!--<span class="sr-only">60% Complete (warning)</span>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<p>-->
                                        <!--<strong>Task 4</strong>-->
                                        <!--<span class="pull-right text-muted">85% Complete</span>-->
                                    <!--</p>-->
                                    <!--<div class="progress progress-striped active">-->
                                        <!--<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">-->
                                            <!--<span class="sr-only">85% Complete (danger)</span>-->
                                        <!--</div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a class="text-center" href="#">-->
                                <!--<strong>See All Tasks</strong>-->
                                <!--<i class="fa fa-angle-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; /.dropdown-tasks &ndash;&gt;-->
                <!--</li>-->
                <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
                <!--<li class="dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                        <!--<i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu dropdown-alerts">-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<i class="fa fa-comment fa-fw"></i> New Comment-->
                                    <!--<span class="pull-right text-muted small">4 min</span>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<i class="fa fa-twitter fa-fw"></i> 3 New Followers-->
                                    <!--<span class="pull-right text-muted small">12 min</span>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<i class="fa fa-envelope fa-fw"></i> Message Sent-->
                                    <!--<span class="pull-right text-muted small">4 min</span>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<i class="fa fa-tasks fa-fw"></i> New Task-->
                                    <!--<span class="pull-right text-muted small">4 min</span>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a href="#">-->
                                <!--<div>-->
                                    <!--<i class="fa fa-upload fa-fw"></i> Server Rebooted-->
                                    <!--<span class="pull-right text-muted small">4 min</span>-->
                                <!--</div>-->
                            <!--</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li>-->
                            <!--<a class="text-center" href="#">-->
                                <!--<strong>See All Alerts</strong>-->
                                <!--<i class="fa fa-angle-right"></i>-->
                            <!--</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; /.dropdown-alerts &ndash;&gt;-->
                <!--</li>-->
                <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
                <!--<li class="dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">-->
                        <!--<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>-->
                    <!--</a>-->
                    <!--<ul class="dropdown-menu dropdown-user">-->
                        <!--<li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>-->
                        <!--</li>-->
                        <!--<li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>-->
                        <!--</li>-->
                        <!--<li class="divider"></li>-->
                        <!--<li><a href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; /.dropdown-user &ndash;&gt;-->
                <!--</li>-->
                <!--&lt;!&ndash; /.dropdown &ndash;&gt;-->
            <!--</ul>-->
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">

                    <li>
                        <a  href="index.html"><i class="fa fa-medkit"></i>护士/前台工作站<span class="fa arrow"></span></a>
                        <!--<ul class="nav nav-second-level">-->
                            <!--<li>-->
                                <!--<a href="index.html#api_1">预约挂号服务<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_2">患者登记</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_3">患者列表</a>-->
                                    <!--</li>-->

                                <!--</ul>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="index.html#api_4">收费/发药<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_5">发药</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_6">收费</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_7">直接售药</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_8">结算管理</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_9">挂账管理</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_10">保险回款</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_11">今日日报</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="index.html#api_12">退费管理</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="index.html#api_13">检验工作台</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="index.html#api_14">检查工作台</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    </li>
                    <li>
                        <a href="ui-elements.html"><i class="fa fa-user-md"></i>医生工作站<span class="fa arrow"></span></a>
                        <!--<ul class="nav nav-second-level">-->
                            <!--<li>-->
                                <!--<a href="ui-elements.html#api_1">登录</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="ui-elements.html#api_2">医生工作台<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="ui-elements.html#api_3">今日就诊</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="ui-elements.html#api_4">我的排班</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="ui-elements.html#api_5">我的患者</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="ui-elements.html#api_6">患者管理</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="ui-elements.html#api_7">模板管理</a>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="ui-elements.html#api_8">治疗</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    </li>
                    <li>
                        <a href="tab-panel.html" class="active-menu"><i class="fa fa-hospital-o"></i> 药房<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="#api_1">入库管理</a>
                            </li>
                            <li>
                                <a href="#api_2">出库管理</a>
                            </li>
                            <li>
                                <a href="#api_3">盘库管理</a>
                            </li>
                            <li>
                                <a href="#api_4">库存管理</a>
                            </li>
                            <li>
                                <a href="#api_5">成本管理</a>
                            </li>
                            <li>
                                <a href="#api_6">汇总查询</a>
                            </li>
                            <li>
                                <a href="#api_7">采购单管理</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="table.html"><i class="fa fa-cog fa-spin"></i> 系统管理<span class="fa arrow"></span></a>
                        <!--<ul class="nav nav-second-level">-->
                            <!--<li>-->
                                <!--<a href="table.html#api_1">机构入驻与登录<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_2">机构入驻操作说明</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_3">登录</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_4">主工作台</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_5">忘记密码</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="table.html#api_6">系统设置<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_7">诊所管理</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_8">共享诊室</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_9">打印设置</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_10">收费项目设置</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_11">字典</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!--<li>-->
                                <!--<a href="table.html#api_12">排班<span class="fa arrow"></span></a>-->
                                <!--<ul class="nav nav-third-level">-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_13">医生排班</a>-->
                                    <!--</li>-->
                                    <!--<li>-->
                                        <!--<a href="table.html#api_14">护士排班</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->

                        <!--</ul>-->
                    </li>

                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                            药房 <small>工作站</small>
                        </h1>
                        <div class="breadcrumb">
                            <li><a href="#api_1">入库管理</a></li>
                            <li><a href="#api_2">出库管理</a></li>
                            <li ><a href="#api_3">盘库管理</a></li>
                            <li><a href="#api_4">库存管理</a></li>
                        </div>

                    </div>
                </div>

                <!-- /. ROW  -->
                                 
            <div class="row">
                <div class="col-md-12 ">
                    <div class="breadcrumb mb"><p>药房主要协助诊所完成药品及耗材出/入库管理、盘库管理、库存管理。</p></div>
                    <a name="api_1" class="a-style"></a>
                    <h3 >入库管理</h3>
                    <div class="panel-text"><p>药品入库是诊所开展医生开处方或售药业务必须进行的一步操作流程。</p>
                        <p>根据诊所实际业务情况将自采/外购的药品/耗材录入系统，才能为医生开处方/发药/直接售药提供相关服务支撑。
                            该模块提供了商品录入、库存录入的增加、删除、查询、审核功能。</p>
                    </div>
                    <h4>（1）新增入库单</h4>
                    <div class="panel-text">
                        <img src="images/入库1.png"  class="img-size">
                        <p class="img-text">点击【新增入库单】按钮</p>
                    </div>
                    <h4>（2）填写入库单信息</h4>
                    <div class="panel-text">
                        <img src="images/入库2.png"  class="img-size">
                        <p class="img-text">填写类型、入库方式、供应商</p>
                        <p class="img-text">在输入框中输入药品名称会联想出库存中的药品，点击对应的药品，填写好批号、有效期、成本价、数量。</p>
                        <p class="img-text">如不需要此药品点击"删除"按钮可删除药品记录</p>
                    </div>
                    <h4>（3）创建药品</h4>
                    <div class="panel-text"> <img src="images/入库2.png"  class="img-size">
                        <p class="img-text">填写类型、入库方式、供应商</p>
                        <p class="img-text">在输入框中输入药品名称会联想出库存中的药品，点击对应的药品，填写好批号、有效期、成本价、数量。</p>
                        <p class="img-text">如不需要此药品点击"删除"按钮可删除药品记录</p>
                        <p class="img-text">如库存中无此药品需点击【创建药品】可进行药品的创建</p>
                        <img src="images/药品信息.png"  class="img-size">
                        <p>填写好药品信息点击【确定】即完成创建</p>
                    </div>
                    <h4>（4）提交审核</h4>
                    <div class="panel-text mb"> <img src="images/入库2.png"  class="img-size">
                        <p class="img-text">填写好入库单信息后点击【提交审核】</p>
                        <img src="images/入库3.png"  class="img-size">
                        <p class="img-text">点击"审核"可进入入库单审核页面</p>
                        <img src="images/入库4.png"  class="img-size">
                        <p class="img-text">确认好入库单信息后点击【审核】即审核通过，药品入库操作完成</p>
                        <img src="images/入库5.png"  class="img-size">
                        <p class="img-text">审核通过后的入库单此时状态为"已审核"</p>
                        <p class="img-text">点击"详情"可查看入库单详细信息</p></div>

                </div>
            </div>
                   <!-- /. ROW  -->
            <div class="row">
                <div class="col-md-12 ">
                    <a name="api_2" class="a-style"></a>
                    <h3>出库管理</h3>
                    <div class="panel-text"> <p>根据诊所实际业务需求完成商品的科室出库、报废出库、退货出库管理。
                        该模块提供了出库商品的增加、删除、审核、查询功能。</p></div>
                    <h4>（1）新增出库单</h4>
                    <div class="panel-text">
                        <img src="images/出库1.png"  class="img-size">
                        <p class="img-text">点击【新增出库单】按钮</p>
                    </div>
                    <h4>（2）填写出库单信息</h4>
                    <div class="panel-text">
                        <img src="images/出库2.png"  class="img-size">
                        <p class="img-text">填写类型、出库方式、领用科室、领用人</p>
                        <p class="img-text">在输入框中输入药品名称会联想出库存中的药品，点击对应的药品，填写好数量。</p>
                        <p class="img-text">如不需要此药品点击"删除"按钮可删除药品记录</p>
                    </div>
                    <h4>（3）提交审核</h4>
                    <div class="panel-text mb">
                        <img src="images/出库3.png"  class="img-size">
                        <p class="img-text">填写好出库单信息后点击【提交审核】</p>
                        <img src="images/出库4.png"  class="img-size">
                        <p class="img-text">点击"审核"可进入出库单审核页面</p>
                        <img src="images/出库5.png"  class="img-size">
                        <p class="img-text">确认好出库单信息后点击【审核】即审核通过，药品出库操作完成</p>
                        <img src="images/出库6.png"  class="img-size">
                        <p class="img-text">审核通过后的出库单此时状态为"已审核"</p>
                        <p class="img-text">点击"详情"可查看出库单详细信息</p>
                    </div>


                </div>
            </div>
                    <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12 ">
                        <a name="api_3" class="a-style"></a>
                        <h3>盘库管理</h3>
                        <h4>（1）新增盘库单</h4>
                        <div class="panel-text">
                            <img src="images/盘库1.png"  class="img-size">
                            <img src="images/盘库2.png"  class="img-size">
                            <p class="img-text">点击【新增出库单】按钮</p>
                            <p class="img-text">盘库期间暂停一切系统业务，点击【是】可进行盘点</p>
                        </div>
                        <h4>（2）填写盘库单信息</h4>
                        <div class="panel-text"><img src="images/盘库3.png"  class="img-size">
                            <p>填写盘库单中的药品实盘数量</p>
                            <p>如不需要此药品在盘库单中点击"删除"按钮可删除药品记录</p>
                        </div>
                        <h4>（3）提交审核</h4>
                        <div class="panel-text mb"><img src="images/盘库4.png"  class="img-size">
                            <p class="img-text">填写好盘库单信息后点击【生成盘库单】</p>
                            <img src="images/盘库5.png"  class="img-size">
                            <p class="img-text">点击"审核"可进入盘库单审核页面</p>
                            <img src="images/盘库6.png"  class="img-size">
                            <p class="img-text">确认好盘库单信息后点击【审核】即审核通过，盘库操作完成</p>
                            <img src="images/盘库7.png"  class="img-size">
                            <p class="img-text">审核通过后的盘库单此时状态为"已审核"</p>
                            <p class="img-text">点击"详情"可查看盘库单详细信息</p>
                            <img src="images/盘库8.png"  class="img-size">
                            <p class="img-text">点击【导出Excel】可将盘库单导出到excel表格中</p>
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12 ">
                        <a name="api_4" class="a-style"></a>
                        <h3>库存管理</h3>
                        <div class="panel-text"><p>显示诊所药房所有的商品库存信息，提供预警值、启用、是否折扣的添加/修改。
                            若到有效期/预警值则会标红进行预警提醒。</p>
                            <p>可查看批次详情，支持excel导出。同时也可以添加采购清单进行采购。</p>
                        </div>
                        <div class="panel-text mb">
                            <img src="images/新库存管理.png"  class="img-size">
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12 ">
                        <a name="api_5" class="a-style"></a>
                        <h3>成本管理</h3>
                        <div class="panel-text"><p>集中显示药品/耗材每个批次的成本价、有效期及库存信息，同时可供管理员进行修改维护。注：修改成本价后对已审核过的入库单没有影响。
                        </p>
                            <p>点击【修改】按钮，可修改商品的成本价。</p>
                        </div>
                        <div class="panel-text mb">
                            <img src="images/成本管理.png"  class="img-size">
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12 ">
                        <a name="api_6" class="a-style"></a>
                        <h3>汇总查询</h3>
                        <div class="panel-text"><p>集中显示商品出入库明细，便于后期盘库查询商品出入记录。
                        </p>
                        </div>
                        <div class="panel-text mb">
                            <img src="images/汇总查询.png"  class="img-size">
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12 ">
                        <a name="api_7" class="a-style"></a>
                        <h3>采购单管理</h3>
                        <div class="panel-text"><p>诊所运营期间可根据药械库存需要快速整理采购商品信息，向集团提交采购申请，实现线上工作流程。
                            该模式现实了采购单添加、修改、审核功能。
                        </p>
                        </div>
                        <div class="panel-text">
                            <img src="images/采购单管理.png"  class="img-size">
                            <p>添加采购清单：选择对应商品录入采购数量可提交采购或保存。保存则表示暂存，信息未做提交；提交采购则将采购单提交给集团发起采购申请。</p>
                            <img src="images/采购单管理2.png"  class="img-size">
                            <p>
                                删除：未提交采购前可以删除采购清单。
                                取消采购：提交采购后，可以取消采购，集团将不会看到该采购申请。</p>
                        </div>
                    </div>
                </div>
                <!-- /. ROW  -->
                <footer><p class="footer-class">泓华医疗集团 <span>版权所有 京ICP备14001215号 </span>
                    <span style="margin-left: 30px">地址:北京市朝阳区北辰东路8号汇宾大厦19层</span></p>

                </footer>
                <div id="checkoutImgBig" style="display:none"><img src="" ></div>
            </div>
			 <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
     <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
      <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
      <!-- Custom Js -->
    <!--<script src="assets/js/custom-scripts.js"></script>-->
    <script src="assets/js/layer-v3.0.1/layer/layer.js"></script>
    <script>
        $(document).ready(function () {
            $('#main-menu').metisMenu();
            //mainApp.initFunction();
            $("#sideNav").click(function(){
                if($(this).hasClass('closed')){
                    $('.navbar-side').animate({left: '0px'});
                    $(this).removeClass('closed');
                    $('#page-wrapper').animate({'margin-left' : '260px'});

                }
                else{
                    $(this).addClass('closed');
                    $('.navbar-side').animate({left: '-260px'});
                    $('#page-wrapper').animate({'margin-left' : '0px'});
                }
            });

            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
            function lookImgself(content, img) {
                content.attr('src', img.attr('src'))
                var maxH = $(window).height() - 54;
                var maxW = $(window).width() - 54;
                if($("#checkoutImgBig").height() > maxH) { //图片的高度高于屏幕高度
                    var height = maxH + 'px';
                } else {
                    var height = $("#checkoutImgBig").height() + 'px';
                }
                if($("#checkoutImgBig").width() > maxW) { //图片的宽度大于屏幕的宽度
                    var width = maxW + 'px';
                } else {
                    var width = $("#checkoutImgBig").width() + 'px';
                }
                layer.open({
                    type: 1,
                    title:false,
                    shadeClose: true,
                    area: [width, height],
                    content: $('#checkoutImgBig')
                });
            }
            $(".img-size").unbind().bind('click',function(){

                lookImgself($("#checkoutImgBig img"), $(this));
            })

        });
    </script>
   
</body>
</html>
